<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
{% comment %}
<!--
  Copyright (C) 2010 ZHENG Zhong <http://www.zhengzhong.net/>

  Created on 2010-02-08.
  $Id$
-->
{% endcomment %}

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="description" content="ZHENG Zhong's personal website"/>
    <meta name="keywords" content="ZHENG Zhong,zheng,zzheng,zhengzhong,heavyz,heavyzheng,"/>
    <meta content="ZHENG Zhong" name="author"/>

    <link rel="shortcut icon" type="image/ico" href="/favicon.ico"/>
    <link rel="stylesheet" type="text/css" media="screen,print" href="{{ static_ }}/css/layout.css"/>
    <link rel="stylesheet" type="text/css" media="screen,print" href="{{ static_ }}/css/common.css"/>
    <link rel="stylesheet" type="text/css" media="screen,print" href="{{ static_ }}/css/form.css"/>

    <!-- jQuery and jQuery UI (via Google Javascript API) -->
    <script src="http://www.google.com/jsapi?key={{ google_ajax_api_key_ }}" type="text/javascript"></script>
    <script type="text/javascript">//<![CDATA[
      google.load("jquery", "1.4.2");
      google.load("jqueryui", "1.8.0");
    //]]></script>

    <!-- jQuery UI flick theme (with customization) -->
    <link rel="stylesheet" type="text/css" media="screen,print" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/flick/jquery-ui.css"/>
    <link rel="stylesheet" type="text/css" media="screen,print" href="{{ static_ }}/css/jquery_ui.css"/>

    <title>{% block html_title %}{% endblock %} :: ZHENG Zhong</title>

    {% block html_head %}{% endblock %}

  </head>

  <body>

    <div id="outer-wrapper">

      <!-- topbar-wrapper ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

      <div id="topbar-wrapper">

        <div class="topbar-left"></div>

        <div class="topbar-right">
          <a href="{% url zheng.home %}">Home</a>
          &bull; <a href="http://blog.zhengzhong.net/">Blog</a>
          &bull; <a href="http://www.flickr.com/photos/zhengzhong/">Photos</a>
        </div>

        <div class="clear"></div>

      </div><!--/#topbar-wrapper-->

      <!-- main-wrapper ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

      <div id="main-wrapper">

        {% block main %}

          <div id="content-wrapper">
            {% block content %}
              FIXME: content block is required!
            {% endblock %}
          </div><!--/#content-wrapper-->

          <div id="sidebar-wrapper">

            {% block sidebar %}

              <div class="section">
                <h2>Related Links:</h2>
                <ul>
                  <li><a href="http://www.flickr.com/photos/zhengzhong/">Flickr Photostream</a></li>
                  <li><a href="http://blog.zhengzhong.net/">Personal Blog</a></li>
                  <li><a href="http://www.linkedin.com/in/zhengzhong">LinkedIn Profile</a></li>
                </ul>
              </div>

            {% endblock %}

          </div><!--/#sidebar-wrapper-->

          <div class="clear"></div>

        {% endblock %}

      </div><!--/#main-wrapper-->

      <!-- foot-wrapper ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

      <div id="footer-wrapper">

        <div class="footer-left">
          &copy;{% now "Y" %} ZHENG Zhong, All Rights Reserved<br/>
          <a href="{% url zheng.home %}">Home</a>
          &bull; <a href="http://blog.zhengzhong.net/">Blog</a>
          &bull; <a href="http://www.flickr.com/photos/zhengzhong/">Photos</a>
          &bull;
          {% if user_ %}
            <a href="{{ logout_url_ }}">Logout ({{ user_|escape }})</a>
          {% else %}
            <a href="{{ login_url_ }}">Login</a>
          {% endif %}
        </div>

        <div class="footer-right">
          <a href="http://appengine.google.com/">Google App Engine</a>
          &bull; <a href="http://www.python.org/">Python {{ python_version_|escape }}</a>
          &bull; <a href="http://www.djangoproject.com/">Django {{ django_version_|escape }}</a>
          <br/>
          <a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a>
          &bull; <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a>
        </div>

        <div class="clear"></div>

      </div><!--/#footer-wrapper-->

    </div><!--/#outer-wrapper-->

  </body>

</html>




